import { Layout } from 'antd';
import Schedule from './Schedule';
import TransactionData from './TransactionData';

const {
  Header, Footer, Sider, Content,
} = Layout;
const GeneralView = () => (
  <div className="GeneralView">
    <Layout>
      <Layout className="layout-left">
        <Header style={{
          marginBottom: '10px',
          background: '#fff',
        }}
        >
          <Schedule />
        </Header>
        <TransactionData />
        <Footer style={{
          marginTop: '10px',
          background: '#fff',
        }}
        >
          Footer
        </Footer>
      </Layout>
      <Sider className="sider-right">
        <Header style={{
          marginBottom: '10px',
        }}
        >
          Header
        </Header>
        <Footer>
          Footer
        </Footer>
      </Sider>
    </Layout>
  </div>
)

export default GeneralView;
